/*loading*/
@-webkit-keyframes move1{
	0%{top:0;}	
	100%{top:8px;}
}
@-moz-keyframes move1{
	0%{top:0;}	
	100%{top:8px;}
}
@-ms-keyframes move1{
	0%{top:0;}	
	100%{top:8px;}
}
@-webkit-keyframes move2{
	0%{-webkit-transform:rotate(0deg);}	
	100%{-webkit-transform:rotate(-360deg);}
}
@-moz-keyframes move2{
	0%{-moz-transform:rotate(0deg);}	
	100%{-moz-transform:rotate(-360deg);}
}
@-ms-keyframes move2{
	0%{-ms-transform:rotate(0deg);}	
	100%{-ms-transform:rotate(-360deg);}
}
@-webkit-keyframes move2{
	0%{-webkit-transform:rotate(0deg);}	
	100%{-webkit-transform:rotate(-360deg);}
}
@-moz-keyframes move2{
	0%{-moz-transform:rotate(0deg);}	
	100%{-moz-transform:rotate(-360deg);}
}
@-ms-keyframes move2{
	0%{-ms-transform:rotate(0deg);}	
	100%{-ms-transform:rotate(-360deg);}
}
@-webkit-keyframes move3{
	0%{-webkit-transform:rotate(0deg);}	
	100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes move3{
	0%{-moz-transform:rotate(0deg);}	
	100%{-moz-transform:rotate(360deg);}
}
@-ms-keyframes move3{
	0%{-ms-transform:rotate(0deg);}	
	100%{-ms-transform:rotate(360deg);}
}
.loading_d{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/load/loading1.png) repeat-y -10px 0;	
}
.loading{
	width:120px;
	height:140px;
	position:fixed; 
	left:calc(50% - 60px);
	top:calc(50% - 70px);/*css3 居中*/
}
.load{
	width:120px;
	height:100px;
	background:url(../images/load/loading3.png) no-repeat; 
	position:absolute;
	top:0;
	left:0;
	-ms-animation: .5s move1 infinite alternate linear;
	-moz-animation: .5s move1 infinite alternate linear;
	-webkit-animation:.5s move1 infinite alternate linear; /*无限播放 轮流反向播放 相同速度*/
	}
.loadIco1{
	width:120px;
	height:100px; 
	position:absolute;
	left:0;
	top:0;
	background:url(../images/load/loading4.png) no-repeat;
	-webkit-animation:1.2s move2 infinite linear;
	-moz-animation:1.2s move2 infinite linear;
	-ms-animation:1.2s move2 infinite linear;
	}
.loadIco2{ 
	width:120px;
	height:100px; 
	position:absolute;
	left:0;
	top:0;
	background:url(../images/load/loading5.png) no-repeat;
	-webkit-animation:1.2s move3 infinite linear;
	-moz-animation:1.2s move3 infinite linear;
	-ms-animation:1.2s move3 infinite linear;
	}
.loadtext{ 
	width:120px;
	height:100px; 
	position:absolute;
	left:0;
	top:0; 
	text-align:center; 
	line-height:100px; 
	font:bold 16px/100px Arial; 
	color:#f9725c;
	}
.loadShadow{
	width:100px;
	height:40px; 
	position:absolute;
	left:10px; 
	bottom:0; 
	background:url(../images/load/loading2.png) no-repeat;/*阴影*/
	}
/*弹窗*/
.gradient {
	background:-webkit-linear-gradient(top, #FFFFFF, #ffe7e2);
	background:-moz-linear-gradient(top, #FFFFFF, #ffe7e2);
}
#curriculum { 
	width:400px; 
	height:48px;
	/*height:230px*/ 
	overflow:hidden; 
	font-family:微软雅黑; 
	position:absolute; 
	top:320px;
	/*top:190px*/ 
	left:50%; 
	margin-left:-200px; 
	opacity:0;
	box-shadow: rgba(0, 188, 243, 0.7) 0px 30px 80px;
	transition: .6s;
	-webkit-transition: .6s;
	-moz-transition: .6s;
}
#curriculum h2 { 
	height:48px; 
	position:relative; 
	z-index:1; 
}
#curriculum h2:hover { 
	box-shadow:0px 20px 40px rgba(148, 92, 78, 0.1); 
}
#curriculum h2 strong { 
	display:block; 
	height:48px; 
	background:url(../images/t/h2_ico.png) no-repeat 20px center; 
	text-indent:52px; 
	font-family:微软雅黑; 
	font-size:14px; 
	color:#535353; 
	line-height:48px; 
	font-weight:normal;
	font-size: 16px;
}
#curriculum .close { 
	width:20px; 
	height:20px; 
	background:url(../images/t/close.png) no-repeat; 
	position:absolute; 
	top:15px; 
	right:16px;
	transition:.5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
}
#curriculum .close:hover{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}
#curriculum .close:active{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
}
#curriculum ul { 
	position:relative; 
	top:40px; 
	z-index:2;
	-webkit-transform-style: preserve-3d;/*转换成3D场景*/
	-moz-transform-style: preserve-3d;
	-webkit-perspective:800px;/*视图距离*/
	-moz-perspective: 800px;
	transition: .5s 600ms linear;
	-webkit-transition:.5s 600ms linear ;
	-moz-transition:.5s 600ms linear ;
}
#curriculum ul li { 
	width:400px; 
	height:40px;
	-webkit-transform-origin:top;/*基点位置*/
	-moz-transform-origin:top;  
	-webkit-transform:rotateX(120deg); 
	-moz-transform:rotateX(120deg);
	opacity:0;
}
#curriculum ul li *{ 
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5;
}
#curriculum ul li:hover p {
	background:rgba(250,102,66,0.1);
	box-shadow:0px 30px 80px rgba(148, 92, 78, 0.4);
}
#curriculum ul p strong, #curriculum ul span, #curriculum ul em { 
	height:24px; 
	line-height:24px; 
}
#curriculum ul span { 
	float:left; 
	padding-left:10px; 
}
#curriculum ul em { 
	float:right; 
	font-style:normal; 
	padding-right:30px; 
	background:url(../images/t/em_bg.png) no-repeat right 4px; 
}
#curriculum ul p { 
	font-size:14px; 
	color:#535353; 
	cursor:pointer; 
	background:rgba(250,102,66,0); 
	height:24px; 
	padding:8px 20px;
}
#curriculum ul p strong { 
	float:left; 
	width:84px; 
	text-align:center; 
	color:#fff; 
	font-weight:normal; 
	background:#00BCF3;
}
#curriculum ul p:hover strong { 
	background:#ffde00; 
	box-shadow:0px 5px 20px rgba(148, 92, 78, 0.4); 
}
.contact h4, .contact h5 { 
	height:30px; 
	line-height:30px; 
	font-size:14px; 
	color:#fff; 
	position:relative; 
	font-weight:normal; 
}
.contact { 
	width:360px; 
	text-align:center; 
	position:absolute; 
	top:56px; 
	left:20px; 
	z-index:3; 
	font-family:微软雅黑; 
	display:none; 
	opacity:0; 
	transition: .5s;
}
.contact h3 { 
	height:34px; 
	line-height:34px; 
	font-size:16px; 
	color:#535353; 
	background:#fff; 
	box-shadow:0 5px 0 rgba(0,0,0,0.05); 
	position:relative; 
	z-index:3; 
	font-weight:normal; 
}
.contact h4 { 
	background:#00BCF3; 
	/*box-shadow:0 5px 0 rgba(0,0,0,0.05);*/ 
	z-index:2; 
	font-family:arial; t
	op:4px; 
}
.contact h5 { 
	background:#fba792; 
	/*background:#fb5e7b; box-shadow:0 5px 0 rgba(0,0,0,0.1);*/ 
	z-index:1; 
}
.contact span { 
	font-family:arial; 
}
.contact a { 
	display:inline-block; 
	width:138px; 
	height:32px; 
	line-height:32px; 
	text-decoration:none; 
	color:#fff; 
	font-size:14px; 
	background:#f0b017; 
	border-radius:4px; 
	box-shadow:0 5px 20px rgba(0,0,0,0.1); 
	position:relative; 
	top:24px;
}
.contact a:hover { 
	background:#f4264d; 
}
/*foot*/
#footer{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background:#FE676B; 
	font-family:"微软雅黑",Arial;
}
.footer{
	width:1000px;
	margin:0 auto;
	height:58px;
}
.footer p{
	margin-left:260px;
}
.footer strong{ 
	font-weight:normal;
}
#footerNav{
	height:16px;
	padding-top:19px;
}
#footerNav span{
	float:left; 
	padding-right:15px;
	margin-right:12px;
	-webkit-perspective:400px;
	-moz-perspective:400px;
	-o-perspective:400px;
	perspective:400px;
}
#footerNav span.last{
	background:none;
}
#footerNav a{
	float:left; 
	position:relative; 
	line-height:16px; 
	font-size:12px;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d; 
	-webkit-transition:0.2s ease all;
	-moz-transition:0.2s ease all;
	-o-transition:0.2s ease all;
	transition:0.2s ease all;
}
#footerNav strong{
	color:#FFFFFF;
	float:left;
	-webkit-transform:translateZ(8px);
	-moz-transform:translateZ(8px);
	-o-transform:translateZ(8px);
	transform:translateZ(8px);
}
#footerNav em{ 
	color:#000000; 
	position:absolute;
	left:0;
	top:16px;
	-webkit-transform-origin:top;
	-moz-transform-origin:top;
	-o-transform-origin:top;
	transform-origin:top;
	-webkit-transform:translateZ(8px) rotateX(-90deg);
	-moz-transform:translateZ(8px) rotateX(-90deg);
	-o-transform:translateZ(8px) rotateX(-90deg);
	transform:translateZ(8px) rotateX(-90deg);
}
#footerNav span:hover a{
	-webkit-transform:rotateX(90deg);
	-moz-transform:rotateX(90deg);
	transform:rotateX(90deg);
}















